a {
    color: #fff;
}

a:hover {
    color: #fff;
}

.layui-table-view::after {
    background-color: transparent;
}

.layui-table-header {
    background:
        #318E93;
}

#calendar {
    width: 100%;
    height: calc(50% - 0.5rem);
    background-color: #1655608f;
    display: flex;
    flex-wrap: wrap;
    /* border-bottom: 1px solid #7599bf;
    border-left: 1px solid #7599bf; */
}

.layui-layer-page .layui-layer-content:has(.layui-form) {
    overflow: inherit;
}

.calendar-item {
    height: 50%;
    width: calc(100% / 6);
    box-shadow: 1px 1px 1px #00000061;
}

.palette {
    display: flex;
    flex-direction: column;
}

.item-card {
    width: 100%;
    height: calc(100% - 0.4rem);
    display: flex;
    color: white;
    letter-spacing: 1px;
    flex-direction: column;
    background: #1a2022a3;
}

.item-list {
    width: 100%;
    height: 25%;
    display: flex;
    justify-content: space-between;
    transition: all 0.1s linear;
    align-items: center;
    border-bottom: 1px solid #162b31;
    background: linear-gradient(to right, #0b212f36, #21323c);
    white-space: nowrap;
}

.item-list>div {
    color: #e1e1e1;
}

.item-list:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background-color: #7599bf66;
    font-size: 0.16rem;
}

.item-list:hover>div {
    color: #fff;
}

.item-list img {
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0 0 0.2rem;
}

.item-list>div:nth-child(1) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#stats {
    background: #23606a99;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    color: #f9f9f9;
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    text-indent: 0.2rem;
    font-size: 0.2rem;

    img {
        width: 0.32rem;
        height: 0.32rem;
        margin-left: 0.1rem;
    }
}


.calendar-upload {
    margin-right: 0.2rem;
    cursor: pointer;
    color: #eee;
    transition: all 0.2s;
}

.calendar-upload:hover {
    color: #09ffff;
    scale: 1.2;
}

.calendar-download i {
    opacity: 0;
    margin-right: 0.1rem;
    transition: all 0.1s;
    cursor: pointer;
}

.item-list:hover .calendar-download i {
    opacity: 1;

}

.item-list:hover .calendar-download a {
    color: #fff;
}

.calendar-download>a:hover {
    font-weight: 600;
    color: #8fff66 !important;
}

.calendar-download>i.layui-icon-close:hover {
    font-weight: 600;
    color: #fd2727 !important;
}

.calendar-download>i.layui-icon-triangle-r:hover {
    font-weight: 600;
    color: #0eefff !important;
}


.contain-table>h1 {
    height: 1rem;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
}


.contain-table>h1>span {
    font-style: italic;
    text-decoration-line: underline;
    text-decoration-color: #6bc3ca;
    letter-spacing: 2px;
    margin: 0 0.2rem;
    color: #04ffd0;
}


.upload-container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 20px;
    background-color: #13121269;
    border-radius: 5px;
}

label {
    display: block;
    margin-bottom: 0.2rem;
}

.inpdddut[type="file"] {
    padding:
        0.1rem;
    border:
        none;
    background-color: #025f6f;
    border-radius:
        2px;
    width: 100%;
    cursor: pointer;
    height: auto;
}

.inpdddut1 {
    padding: 0.1rem 0.2rem;
    background-color: #008CBA;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 0 0 auto;
    width: 100% !important;
}

.inpdddut1:hover {
    background-color: #006F8F;
}

/* 年 */

#calendar-year {
    width: 100%;
    height: calc(20% - 0.5rem);
    background-color: #89a5aa8f;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.2rem;
}

#calendar-year i {
    margin: 0 0.05rem;
}

.calendar-year-item {
    width: 9%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
}

.calendar-year-item:hover {
    filter: drop-shadow(2px 2px 3px #393939);
}

.calendar-year-item:hover i {
    opacity: 1;
}

.year-upload {
    height: 100%;
    width: 6%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        linear-gradient(to left, #27bdbd, #127b86);
    text-align: center;
    cursor: pointer;
}

.year-more {
    cursor: pointer;
    width: 4%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(to right, #0d344d82, #0b354f);
}

.year-nodata {
    width: 94%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #34515b;
    font-size: 0.18rem;
}

.calendar-year-item>div {
    overflow:
        hidden;
    text-overflow: ellipsis;
    width: 80%;
    text-align: center;
    white-space: nowrap;
}

.calendar-year-item>span {
    white-space: nowrap;
}

.calendar-year-item .calendar-download {
    width: 100%;
    display: flex;
    justify-content: center;
}

.calendar-year-item img {
    width: 0.48rem;
    height: 0.48rem;
    margin-bottom: 0.1rem;
}


/* 季 */
#calendar-quarter {
    width: 100%;
    height: calc(30% - 0.5rem);
    background-color: #c3e6ec8f;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.2rem;
}

#calendar-quarter #stats {
    background: #0c8ea499;
}


.calendar-quarter-item {
    height: 100%;
    width: 25%;
    box-shadow: 1px 1px 1px #00000061;
}

.layui-form input {
    width: 100%;
    margin: 0.2rem 0;
}

form {
    margin: 0 0 0 auto;
    color: #d5d5d5;
    font-weight: 400;
}

.layui-input-block {
    margin-left: 0;
}